
<!-- Navigation -->

    <nav class="navbar navbar-inverse" id="menu" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="icon-bar"></span>
                    <span class="sr-only">Toggle navigation</span>
                    <!-- <span class="icon-bar"></span> -->
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>  
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="<?php echo base_url();?>perfilAdmin">PERFIL</a>
                    </li>
                    <li>
                        <a class="navbar-brand"  href="<?php echo base_url(); ?>usuariosAdmin">USUARIOS</a>
                    </li>
                    <!-- <li>
                        <a href="<?php echo base_url(); ?>participantesAdmin">PARTICIPANTES</a>
                    </li> -->
                    <li>
                        <a href="<?php echo base_url(); ?>eventosAdmin">EVENTOS</a>
                    </li>
                    <li>
                        <a href="<?php echo base_url();?>lugaresAdmin">LUGARES</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

    <div class="container">
        <div class="row">
             <div id="formUsu" style="display:none;margin-left:25%;">
                <!-- action="/eventos/agregar" -->
                <form accept-charset="utf-8" method="post" action="/usuariosAdmin/agregar">
                <h1 class="titulo">Nuevo Usuario </h1>
                <h5>Nombre</h5>
                <input type="text" id="nameForm" name="nombre" placeholder="Nombre del Usuario" value=""size="50" />
                <h5>Apellido</h5>
                <input type="text" id="apeForm" name="apellido" placeholder="Apellido del Usuario" value=""size="50" />
                <h5>Nombre de Usuario</h5>
                <input type="text" id="usForm" name="usuario" placeholder="Nombre de Usuario" value="" size="50" />
                <h5>Contraseña</h5>
                <input type="text" id="passForm" name="contrasena" value="" placeholder="Contraseña" size="50" />
                <h5>Email</h5>
                <input id="mailForm" type="text" name="mail" placeholder="Dirección de Correo Electrónico" value="" size="50" />
                <h5>Dirección</h5>
                <input id="direForm" type="text" name="direccion" placeholder="Dirección del Usuario" value="" size="50" />
                <h5>Teléfono</h5>
                <input id="telForm" type="text" name="telefono" placeholder="Número de Teléfono" value="" size="50" />
                <h5>Fecha de Nacimiento</h5>
                <input id="nacForm" type="text" name="nacimiento" placeholder="Fecha de Nacimiento" value="" size="50" />
                <h5>Tipo de Usuario</h5>
                <input id="tipoForm" type="text" name="tipo" placeholder="Tipo de Usuario" value="" size="50" />
                <div><input style="margin-top:6px;"id="save" type="submit" value="Guardar Cambios" onclick="guardar();"/></div> 
            </form>
            </div>

            <h1 class="titulo"> Lista de Usuarios Registrados </h1>

            <a id="crearUs">
                <img id="ico2" src="<?php echo base_url(); ?>/images/iconos/mas.jpg">
            </a>
            
            <table>
                <tr id="cab">
                    <th>IMAGEN</th>
                    <th>N°</th>
                    <th>NOMBRE</th>
                    <th>APELLIDO</th>      
                    <th>MAIL</th>
                    <th>TELEFONO</th>
                    <th>DIRECCION</th>
                    <th>TIPO</th>
                    <th>ACCIÓN</th>
                </tr>

                <?php foreach ($usuarios as $u) { ?>
                  <tr id="fila">
                    <td>
                        <img src="<?php echo base_url(); ?>/images/iconos/persona.jpg">
                    </td>
                    <td>
                            <?php echo $u->id; ?>
                    </td>
                    
                    <td>
                        <div class="ver<?php echo $u->id; ?>">
                            <?php echo $u->nombre; ?>
                        </div>
                        
                        <div class="mod<?php echo $u->id; ?>">
                            <input class="mod<?php echo $u->id; ?>" style="display:none;width:100%;" type="text" id="nameForm2" name="nombre2" placeholder="<?php echo $u->nombre; ?>" value=""/>
                        </div>
                    </td>
                    <td>
                        <div class="ver<?php echo $u->id; ?>">
                            <?php echo $u->apellido; ?>
                        </div>
                        <div class="mod<?php echo $u->id; ?>">
                            <input class="mod<?php echo $u->id; ?>" style="display:none;width:100%;" type="text" id="apeForm2" name="apellido2" placeholder="<?php echo $u->apellido; ?>" value=""/>
                        </div>

                    </td>
                    <td>
                        <div class="ver<?php echo $u->id; ?>">
                            <?php echo $u->mail; ?>
                        </div>
                        <div class="mod<?php echo $u->id; ?>">
                            <input class="mod<?php echo $u->id; ?>" style="display:none;width:100%;" type="text" id="mailForm2" name="mail2" placeholder=" <?php echo $u->mail; ?>" value=""/>
                        </div>
                    </td>      
                    <td>
                        <div class="ver<?php echo $u->id; ?>">
                            <?php echo $u->telefono; ?>
                        </div>
                        <div class="mod<?php echo $u->id; ?>">
                            <input class="mod<?php echo $u->id; ?>" style="display:none;width:100%;" type="text" id="horaForm2" name="hora2" placeholder=" <?php echo $u->telefono; ?>" value=""/>
                        </div>
                    </td>
                    <td>
                        <div class="ver<?php echo $u->id; ?>">
                            <?php echo $u->direccion; ?>
                        </div>
                        <div class="mod<?php echo $u->id; ?>">
                            <input class="mod<?php echo $u->id; ?>" style="display:none;width:100%;" type="text" id="lugarForm2" name="lugar2" placeholder=" <?php echo $u->direccion;?>" value=""/>
                        </div>
                    </td>
                    <td>
                        <div class="ver<?php echo $u->id; ?>">
                            <?php echo $u->tipo; ?>
                        </div>
                        <div class="mod<?php echo $u->id; ?>">
                            <input class="mod<?php echo $u->id; ?>" style="display:none;width:60%;" type="text" id="cantForm2" name="part2" placeholder="<?php echo $u->tipo; ?>" value=""/>
                        </div>
                    </form>
                        
                    </td>      
                    <td>
                        <a href="<?php echo base_url(); ?>usuariosAdmin/modificar/?num=<?php echo $u->id; ?>">
                            <img id="ico1" src="<?php echo base_url(); ?>/images/iconos/lupa.jpg">
                        </a>
                        <a id="verPart" href="/usuariosAdmin/eliminar/?num=<?php echo $u->id; ?>">
                            <img id="ico" src="<?php echo base_url(); ?>/images/iconos/delete.jpg">
                        </a>
                    </td>
                  </tr>
                <?php }; ?>
                </table>
                
                <!-- Pager -->
                <ul class="pager">
                    <!-- <li class="previous">
                        <a href="#">&larr; Ant</a>
                    </li>
                    <li class="next">
                        <a href="#">Sig &rarr;</a>
                    </li> -->
                </ul>
         </div>
            


        </div>

        
        <!-- /.row -->

        <hr>

        

    </div>


  
</div>
    <link href="css/main.css" rel="stylesheet">
    <script src="js/jquery-1.11.0.js"></script>
    <script src="js/bootstrap.min.js"></script> 

    <script type="text/javascript">
    
    $(document).ready(function(){
    
        $("#crearUs").click(function(){ //Click Registro Arriba
            $("#formUsu").show();
            $("#crearUs").hide();
            
        });

        $("#save").click(function(){ //Click Registro Arriba
            $("#formUsu").hide();
            $("#crearUs").show();
            
        });

        /*$("#upd").click(function(){

        });*/

        


    });

    function cargar(id){
        if($('#nameForm').val()!='' && $('#fechaForm').val()!='' 
            && $('#horaForm').val()!='' && $('#descForm').val()!=''
             && $('#cantForm').val()!=''){            

        var dataString = 'nombre='+ $('#nameForm').val() + 
            '&fecha=' + $('#fechaForm').val() + 
            '&hora=' + $('#horaForm').val() + 
            '&descripcion=' + $('#descForm').val() + 
            '&cantPart=' + $('#cantForm').val();  
        $.ajax({ dataType: 'json', type:"POST",url:"usuariosAdmin/agregar",data:dataString,
                success: function(msg){
                    // alert(msg[0].error);
                    /*if (msg[0].error)
                    {*/
                        alert ('Por favor, checkee el Email y la Contraseña');
                    /*}
                    else if (msg[0].operation == 'OK')
                    {
                        document.location.href = "/usuario/logueado";
                    }*/
                    
                }
            });
        } else {
            alert ('Verifique que todos los campos estén completos.');
        }
    }

    function edit(id){
            $(".ver"+id).hide();
            $(".mod"+id).show();
            $("#upd"+id).show();
            $("#modif"+id).hide();
        };

    function guardar() {
        
        if($('#nameForm').val()!='' && $('#fechaForm').val()!='' 
            && $('#horaForm').val()!='' && $('#descForm').val()!=''
             && $('#cantForm').val()!=''){            

        var dataString = 'nombre='+ $('#nameForm').val() + 
            '&fecha=' + $('#fechaForm').val() + 
            '&hora=' + $('#horaForm').val() + 
            '&descripcion=' + $('#descForm').val() + 
            '&cantPart=' + $('#cantForm').val();  
        $.ajax({ dataType: 'json', type:"POST",url:"usuariosAdmin/modificar",data:dataString,
                success: function(msg){
                    // alert(msg[0].error);
                    /*if (msg[0].error)
                    {*/
                        alert ('Por favor, checkee el Email y la Contraseña');
                    /*}
                    else if (msg[0].operation == 'OK')
                    {
                        document.location.href = "/usuario/logueado";
                    }*/
                    
                }
            });
        } else {
            alert ('Verifique que todos los campos estén completos.');
        }
    }

    
    
    </script>
<style type="text/css">
.titulo{
    font-size: 46px;
    color: rgb(246, 22, 22);
}
#tit{
    font-size: 46px;
    color: rgb(246, 22, 22);
}
</style>